<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 伪类:不存在的类,用来描述一个元素的特殊状态,详见https://www.runoob.com/css/css-pseudo-classes.html -->
		<ul>
			<li>第一个</li>
			<li>第二个</li>
			<li>第三个</li>
			<li>第四个</li>
			<li>第五个</li>
		</ul>
		 <a href="http://www.baidu.com">访问过的链接</a>
		 <a href="http://www.baidu2.com">没访问过的链接</a>
	</body>
</html>
<style type="text/css">
	/* 第一个子元素 */
	ul > li:first-child{
		color: #FF0000;
	}
	/* 最后一个子元素 */
	ul > li:last-child{
		color: #FFFF00;
	}
	/* nth-child(n)第n个子元素 */
	/* 2n偶数位的元素,n奇数位的元素*/
	ul > li:nth-child(3){
		color: blue;
	}
	a:link{
		color: red;
	}
	a:visited{
		color: blue;
	}
	a:hover{
		color: yellow;
	}
	a:active{
		color: aliceblue;
	}
</style>
